@charset "utf-8";
/* CSS Document */

/*banner*/
.banner { overflow:hidden; width:100%; height:578px; background:url(Img/Index/banner.jpg) no-repeat center top; position:relative}
.banner .btn{ overflow:hidden; width:100%; text-align:center; position:absolute; left:0; bottom:40px;}
.banner .btn span{ cursor:pointer; display: inline-block; width:8px; height:8px; background:url(Img/Index/banner_btn.png) no-repeat right center; margin:0 4px;}
.banner .btn span.cur{ background-position:left;}


/*<--!广告轮播样式效果一-->*/
#flashs{ position:relative; height:578px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:38px; left: 50%;margin-left: -64px; padding:0px 6px;}
#flashs .btn span{ cursor:pointer; display: inline-block; width:8px; height:8px; background:url(Img/Index/banner_btn.png) no-repeat right center; margin:0 4px;text-indent: -99999em;}
#flashs .btn span.cur{ background-position:left;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}





/*search*/
.search { overflow:hidden; width:100%; padding:20px 0; border-bottom:1px solid #e4e4e4; height:38px;}
.search p{ font-size:14px; color:#cc000c; float:left; line-height:38px;}
.search p a{ color:#6e6e6e; font-size:13px; margin-right:8px;}
.search .sbox { overflow:hidden; width:380px; height:36px; padding:1px; float:right; background-color:#db101b;}
.search input{ display:block; width:305px; height:36px; border:none; outline:none; line-height:36px; font-size:13px; color:#6e6e6e; padding:0 15px; float:left}
.search span{ display:block; width:45px; height:36px; background:url(Img/Index/search.png) no-repeat center; float:right; cursor:pointer}

/*title*/
.title { overflow:hidden; width:100%; margin-bottom:35px;}
.title p{ text-align:center; font-size:47px; color:#e3e3e3; font-family:Arial; text-transform:uppercase; font-weight:bold}
.title h3{ text-align:center; font-size:25px; color:#000; padding-bottom:15px; background:url(Img/Index/title_bg.png) no-repeat center bottom; font-weight:normal}
.title h3 a{ color:#000;}

/*pro*/
.pro { overflow:hidden; width:100%; background:url(Img/Index/pro_bg.jpg) no-repeat center top; padding-top:70px; margin-bottom:60px;}
.pro .menu { overflow:hidden;padding-bottom:8px; margin-bottom:30px; width:1000px; margin:0 auto;}
.pro .menu li{ margin:0 6px; width:145px; height:45px; border:1px solid #000; text-align:center; line-height:45px; font-size:16px; position:relative; float:left; margin-right:12px;}
.pro .menu li a{ display:block; text-decoration:none; color:#000;}
.pro .menu li img{ display:none; position:absolute; bottom:-8px; left:67px;}
.pro .menu li.cur ,.pro .menu li:hover{ border-color:#df131e; background-color:#df131e;}
.pro .menu li.cur a,.pro .menu li:hover a{ color:#fff;}
.pro .menu li.cur img,.pro .menu li:hover img{ display:block}
.pro .pbox { overflow:hidden; width:1000px; margin:0 auto; height:580px; position:relative}
.pro .plist{ overflow:hidden; width:1000px; height:580px; position:absolute; left:0; top:0}
.pro .plist .lefttu{ display:block; float:left}
.pro .plist ul{ overflow:hidden; float:right; width:494px; height:578px; border:1px solid #ddd;}
.pro .plist ul li{ float:left; width:247px; height:289px; position:relative}
.pro .plist li img{ display:block; margin-bottom:20px;}
.pro .plist li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; color:#000;}
.pro .plist li.libor{ border-right:1px solid #ddd; width:246px;}
.pro .plist li.libtm{ border-bottom:1px solid #ddd;}
.pro .plist li a{ display:none; width:247px; position:absolute; left:0; top:0; background:url(Img/Index/pro_more.png) no-repeat 105px center; background-color:#fd581f; opacity:0.85; filter:alpha(opacity=85); text-align:center; font-size:16px; color:#fff; padding-top:190px; height:100px;}
.pro .plist li:hover a{ display:block}

/*区别*/
.qubie { overflow:hidden; width:100%; height:640px; padding-top:50px; background:url(Img/Index/qubie_bg.jpg) no-repeat center top;}
.qubie .qbbox { overflow:hidden; width:1000px; margin:0 auto; height:408px; padding:9px 0; position:relative}
.qubie .qbbox img{ display:block; margin:0 auto; width:0; height:0; position:relative; top:50%}
.qubie .wen{ overflow:hidden; position: absolute; display:none;}
.qubie .wen01{ left:0; top:0; width:211px; height:95px; background:url(Img/Index/qubie01.png) no-repeat center right; padding-left:150px; color:#fff; padding-top:55px;}
.qubie .wen02{ right:0; top:0; width:249px; height:86px; background:url(Img/Index/qubie02.png) no-repeat left center; padding-left:90px; padding-top:70px; color:#333}
.qubie .wen03{ left:0; bottom:0; width:188px; height:100px; background:url(Img/Index/qubie03.png) no-repeat right center; padding-left:150px; padding-top:55px; color:#333}
.qubie .wen04{ right:0; bottom:0; width:271px; height:95px; background:url(Img/Index/qubie04.png) no-repeat left center; padding-left:90px; color:#fff; padding-top:55px;}
.qubie h4{ font-weight:normal; font-size:22px;}
.qubie .wen p{ font-size:12px; font-family:Arial;}
.qubie .wen03 p,.qubie .wen02 p{ color:#6a6a6a}


.m-qb{ overflow:hidden; width:100%; height:700px; background:url(Img/Index/qubie_bg.jpg) no-repeat center top; overflow:hidden;}
.m-qb .content{ width:1000px; overflow:hidden; margin:0 auto; padding-top:240px;}
.m-qb .qb-ul{ position:relative; height:390px;}
.m-qb .qb-ul li{ position:absolute;}
.m-qb .qb-ul .li1{ left:18px; top:0px;}
.m-qb .qb-ul .li2{ left:660px; top:0px;}
.m-qb .qb-ul .li3{ left:18px; top:225px;}
.m-qb .qb-ul .li4{ left:660px; top:225px;}
.m-qb .qb-ul li p{ color:#757678; font-size:14px; display:block; line-height:25px; background:url(Img/Index/dian.png) no-repeat left 6.5px; padding-left:18px;}
.m-qb b{ display:block; width:168px; height:42px; overflow:hidden; margin:0 auto;}
.m-qb b a{ display:block; width:168px; height:42px; overflow:hidden;}


/*技术支持*/
.zhichi { overflow:hidden; width:100%; height:703px; background:url(Img/Index/zhichi_bg.jpg) no-repeat center top; padding-top:70px;}
.zhichi .title p{ color:#43454c;}
.zhichi .title h3{ color:#fff; background:url(Img/Index/zhichi_title.png) no-repeat center bottom;}
.zhichi .menu { overflow:hidden; width:100%; text-align:center; padding-bottom:8px; margin-bottom:30px;}
.zhichi .menu li{ display:inline-block; margin:0 6px; width:152px; height:45px; border:1px solid #64666b; text-align:center; line-height:45px; font-size:16px; position:relative; color:#b8bac3; cursor:pointer;}
.zhichi .menu li{ *display:inline}
.zhichi .menu li img{ display:none; position:absolute; bottom:-8px; left:67px;}
.zhichi .menu li.cur ,.pro .menu li:hover{ border-color:#df131e; background-color:#df131e; color:#fff;}
.zhichi .menu li.cur img,.pro .menu li:hover img{ display:block}
.zhichi .zcbox { overflow:hidden; width:1000px; padding:0 20px; padding-bottom:40px; background:url(Img/Index/zhichi_yy.png) no-repeat center bottom; margin:0 auto; height:396px; position:relative}
.zhichi .zcbox ul{ overflow:hidden; width:6240px; position:absolute; left:0; top:0}
.zhichi .zcbox li{ overflow:hidden; width:1000px; background-color:#fff; height:396px; margin:0 20px; position:relative; float:left;}
.zhichi .zcbox li img{ display:block; float:right}
.zhichi .zcbox li .wen{ overflow:hidden; width:405px; height:100%; float:left; margin-left:30px; margin-top:25px; position:relative}
.zhichi .zcbox .btn{ overflow:hidden; position:absolute; width:134px; height:38px; text-align:center; line-height:32px; left:50%; margin-left:-107px; top:202px; z-index:2}
.zhichi .zcbox .btn em{ display:block; width:61px; height:32px; border:3px solid #dfdfdf; float:left; font-size:14px; color:#b3b3b3; cursor:pointer; background-color:#fff;moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;}
.zhichi .zcbox .btn em:hover{ background-color:#fd581f; color:#fff; border-color:#fd581f;}
.zhichi .zcbox .wen b{ display:block; font-size:33px; color:#a5a5a5; width:50px; height:64px; border:3px solid #dfdfdf; background:url(Img/Index/zhichi_x.png) no-repeat center 50px; text-align:center; padding-top:10px; position:absolute; right:0; top:0}
.zhichi .zcbox .wen h4{ font-size:26px; color:#df131e; margin-top:20px; margin-bottom:5px;}
.zhichi .zcbox .wen span{ display:block; font-size:13px; color:#959595; font-family:Arial; margin-bottom:40px;}
.zhichi .zcbox .wen p{ font-size:14px; color:#333; line-height:31px; text-align:justify; width:85%;}
.zhichi .zcbox .btn02 { overflow:hidden; width:150px; height:12px; position:absolute; left:40px; bottom:80px; z-index:2}
.zhichi .zcbox .btn02 span{ display:block; width:12px; height:12px; background:url(Img/Index/zhichi_y.png) no-repeat center left; margin:0 5px; float:left;}
.zhichi .zcbox .btn02 .cur{ background-position:right}

/*about*/
.about { overflow:hidden; width:100%; height:990px; background:url(Img/Index/about_bg.jpg) no-repeat center top; background-color:#d2d2d2;}
.about dl{ overflow:hidden; width:1000px; margin:0 auto; height:250px; margin-bottom:90px;}
.about dt{ overflow:hidden; width:483px; height:250px; float:left;}
.about dd{ overflow:hidden; float:right; width:490px; height:250px;}
.about dd p{ font-size:13px; color:#333; line-height:26px; height:182px; overflow:hidden; text-align:justify; margin-bottom:30px;}
.about dd .btn{ overflow:hidden; width:100%;}
.about dd a{ display:block; width:110px; height:35px; text-align:center; line-height:35px; border:1px solid #b6b6b6; font-size:13px; color:#000; float:left; margin-right:10px; text-decoration:none;}
.about dd a:hover{ background-color:#fd581f; border-color:#fd581f; color:#fff;}
.about .tixi { overflow:hidden; width:1032px; margin:0 auto; height:362px;}
.about .tixi li{ float:left; width:238px; margin:0 10px; height:362px; background-color:#fff;}
.about .tixi img{ display:block; margin:0 auto; margin-top:9px; margin-bottom:20px;}
.about .tixi h4{ text-align:center; font-weight:normal; font-size:18px; color:#000; margin-bottom:12px;}
.about .tixi p{ font-size:13px; color:#333; line-height:25px; width:200px; margin:0 auto; text-align:justify;}
.about .tixi li:hover { background-color:#fd581f;}
.about .tixi li:hover h4{ color:#fff;}
.about .tixi li:hover p{ color:#fff;}

/*生产基地*/
.jidi { overflow:hidden; width:1000px; margin:60px auto;}
.jidi .menu{ overflow:hidden; width:700px; margin:0 auto; padding-bottom:8px; text-align:center; margin-bottom:40px;}
.jidi .menu li{ width:170px; float:left; height:54px; text-align:center; line-height:54px; border:2px solid #df131e; position:relative; font-size:20px;}
.jidi .menu li a{ display:block; text-decoration:none; color:#333;}
.jidi .menu li img{ display:none; position:absolute; left:75px; bottom:-10px;}
.jidi .menu li.cur a{ background-color:#df131e; color:#fff;}
.jidi .menu li.cur img{ display:block;}
.jidi .jdbox { overflow:hidden; width:1000px; margin:0 auto; height:230px; position:relative}
.jidi .jdlist{ overflow:hidden; width:1000px; height:230px; position:absolute; left:0; top:0}
.jidi .jdlist ul{ overflow:hidden; position:absolute;width: 100%;}
.jidi .jdlist li {float: left;width: 24%;height: 230px;margin-right: 1%;}
.jidi .jdlist li:nth-last-child(1){margin-right: 0%;}
.jidi .jdlist li img{ display:block; margin-bottom:25px;width: 100%;object-fit: cover;}
.jidi .jdlist li span{ display:block; text-align:center; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.jidi .jdlist li a{ display:block; text-decoration:none}

/*留言*/
.liuyan { overflow:hidden; width:1000px; margin:0 auto; height:448px; background:url(Img/Index/liuyan.jpg) no-repeat center top; margin-bottom:70px;}
.liuyan p{ font-size:19px; color:#fff; float:left; margin-left:155px; margin-top:285px;}
.liuyan p b{ font-size:22px;}
.liuyan ul{ overflow:hidden; float:right; width:400px; margin-top:125px; margin-right:37px;}
.liuyan li{ overflow:hidden; width:398px; border:1px solid #d5d5d5; margin-bottom:10px;}
.liuyan input{ overflow:hidden; float:left; width:337px; height:34px; line-height:34px; font-size:14px; color:#767676; border:none; border-left:1px solid #d5d5d5; outline:none; padding:0 10px;}
.liuyan span{ display:block; float:left; width:40px; height:34px;}
.liuyan textarea{ overflow:hidden; float:left; width:337px; height:110px; resize:none; font-size:14px; color:#767676; border:none; border-left:1px solid #d5d5d5; outline:none; padding:10px;}
.liuyan li.last{ border:none}
.liuyan em{ display:block; width:133px; height:38px; text-align:center; line-height:38px; font-size:16px; color:#fff; margin-right:10px; background-color:#fd581f; float:left; cursor:pointer}
.liuyan em.last{ background-color:#dcdcdc; color:#595959;}

/*news*/
.news { overflow:hidden; width:1000px; height:440px; margin:0 auto; margin-bottom:60px;}
.news .menu{ overflow:hidden; width:348px; padding-bottom:8px; text-align:left; margin-bottom:15px;}
.news .menu li{ float:left; width:170px; height:54px; text-align:center; line-height:54px; border:2px solid #df131e; position:relative; font-size:20px;}
.news .menu li a{ display:block; text-decoration:none; color:#333;}
.news .menu li img{ display:none; position:absolute; left:75px; bottom:-10px;}
.news .menu li.cur a{ background-color:#df131e; color:#fff;}
.news .menu li.cur img{ display:block;}
.news .newsleft{ overflow:hidden; width:635px; float:left; height:100%;}
.news .newsleft .nbox { overflow:hidden; width:100%; height:340px; position:relative}
.news .newsleft .nlist{ overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0}
.news .newsleft .nlist dl{ overflow:hidden; width:100%; height:164px; margin-bottom:20px;}
.news .newsleft .nlist dt{ overflow:hidden; float:left}
.news .newsleft .nlist dd{ overflow:hidden; float:right; width:380px; height:164px;}
.news .newsleft .nlist dd h3{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:10px; margin-bottom:20px;}
.news .newsleft .nlist dd h3 a{ color:#000;}
.news .newsleft .nlist dd p{ font-size:13px; color:#333; line-height:24px; height:96px; overflow:hidden; text-align:justify;}
.news .newsleft .nlist ul{ overflow:hidden; width:650px;}
.news .newsleft .nlist li{ overflow:hidden; float:left; width:295px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:15px; background:url(Img/Index/news_s.png) no-repeat left center; font-size:13px; line-height:38px; margin-right:15px; border-bottom:1px solid #eee;}
.news .newsleft .nlist li a{ color:#333;}

.news .wenda { overflow:hidden; width:344px; height:100%; background-color:#df131e; float:right;}
.news .wenda h3{ font-size:20px; margin-left:25px; font-weight:normal; line-height:59px;}
.news .wenda h3 a{ color:#fff}
.news .wenda .wdBox { overflow:hidden; width:342px; margin:0 auto; height:380px; background-color:#fff; position:relative}
.news .wenda .wdBox ul{ overflow:hidden; width:320px; padding:0 11px; position: absolute}
.news .wenda .wdBox li{ overflow:hidden; width:100%; margin-top:25px; border-bottom:1px dashed #acacac; height:99px;}
.news .wenda .wdBox h5{ font-weight:normal; font-size:16px; padding-left:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(Img/Index/news_w.png) no-repeat left center; margin-bottom:10px; line-height:23px;}
.news .wenda .wdBox h5 a{ color:#000;}
.news .wenda .wdBox p{ padding-left:30px; background:url(Img/Index/news_d.png) no-repeat left center; font-size:13px; color:#333; line-height:20px; height:40px; overflow:hidden; text-align:justify}

/*link*/
.link { overflow:hidden; width:1000px; position:relative; margin:0 auto; margin-bottom:50px;}
.link h3{ position:absolute; left:0; top:0}
.link ul{ overflow:hidden; float:right; width:900px; padding:15px 0 35px 35px; border:1px solid #c4c4c4;}
.link li{ float:left; white-space:nowrap; margin-right:30px; font-size:13px;}
.link li a{ color:#383838;}
.link .rk{ display:block; overflow:hidden; position:absolute; right:0; bottom:0}
.link .rk img{ display:block;}